<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>经销商进销存报告汇总人管理</title>

<link rel="shortcut icon" href="layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
 <link rel="stylesheet" type="text/css" href="__STATIC__/layout/css/plugins/webuploader/webuploader.css">
  <link rel="stylesheet" type="text/css" href="__STATIC__/layout/css/demo/webuploader-demo.css">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
    .imgino{height: 68px;width: 68px;}
    ul li{list-style: none;padding: 4px 3px}
    img[name="deng"]{width: 60px;height: 81px;}
    .sp{
      display: inline-block;
    padding-right: 38px;
    position: relative;
    /* height: 160px; */
    height: 125px;
    }
    .sp:first-child .bg{
          left: 50%;
        margin-left: -16px
    }
    .me{height: 89px}
    .me .passName{border: 2px solid #666666;}
    .me .passTop{border-color: #666666 transparent transparent;
    top:18%;}
    .return .passTop{border-color: #fd901b transparent transparent;
    top:71%;}
    .me .passButtom{bottom: -37%;}
    .me .passIcon{    background: url(__STATIC__/layout/img/me.png);
    background-repeat: no-repeat;}
    .bg{
    background: url(__STATIC__/layout/img/bgd.png) repeat 0px 50px;
    position: absolute;
    width: 80%;
    height: 50%;
     z-index: 1; 
     top: 34%; 
    top: 43%;
    left: 40%;
    }
    .passName{
    border: 2px solid #28b76a;
    position: relative;
    padding: 0px 8px;
    border-radius: 4px;
    word-break: keep-all;
    z-index: 3; 
    line-height: 18px;}
  .passTop{
  position: absolute;
    left: 50%;
    top: 73%;
    margin-left: -6px;
    margin-top: 17px;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 6px 0;
    border-style: solid dashed dashed;
    border-color: #28B76A transparent transparent;
    font-size: 0;
    line-height: 0;
  }
  .passButtom{
      width: 0;
    height: 0;
    position: absolute;
    display: block;
    left: 50%;
    bottom:-6px;
    margin-left: -8px;
    margin-top: -9px;
    border-width: 10px 8px 0;
    border-style: dashed dashed solid;
    border-color:#fffefd transparent transparent;
    font-size: 0;
    line-height: 0;
  }
  .start .passIcon{
    background: url(__STATIC__/layout/img/tiJiaoLiuCheng.png);
       background-repeat: no-repeat
  }
  .passIcon{
      width: 20px;
        height: 57px;
        /*background: url(../img/pass.png);*/
        display: block;
        margin-top: 28px;
        position: absolute;
        /* z-index: 2; */
        margin-left: -28px;
        left: 50%;
        /*background-repeat: no-repeat;*/
  }
  .shenpi{
        /*display: none;*/
        width: 200px;
        height: auto;
        position: absolute;
        padding: 5px 10px;
        border: 2px solid #bbbbbb;
        border-radius: 4px;
        margin-top: 40px;
        margin-left: -91px;
        background: #fffefd;
        z-index: 11;
  }
  .return .passName {
    border: 2px solid #fd901b;
}
  .return .passIcon {
    background: url(__STATIC__/layout/img/return.png);
    background-repeat: no-repeat;
}
  .shenpi .top{
        width: 0;
    height: 0;
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    margin-left: -8px;
    margin-top: -12px;
    border-width: 0 8px 10px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #bbbbbb;
    font-size: 0;
    line-height: 0;
    background: #fffefd;
  }
  .shenpi .buttom{
        width: 0;
    height: 0;
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    margin-left: -8px;
    margin-top: -9px;
    border-width: 0 8px 10px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fffefd;
    font-size: 0;
    line-height: 0;
  }
   .ckText{color: #ccc}
  .spModify{color: #fd901b}
    </style>

</head>

<body class="gray-bg" style="padding: 3px;font-size: 13px">
  <div class="container bs-docs-container" style="background: #fff">
    <div class="bs-docs-section">
      <div class="bs-example bs-example-type">
      <table class="table row-margin-top text-center">
      <tbody>
        <tr class="text-center">
          <td style="border:0;position: relative;top:0;left: 0">
            <h1>核销申请：{$info.jxs}</h1>
            <p class="padding-10"> 编号：<span>{$info.sn}</span> <span class="lr_5"></span>申请人： <span>{$info.user}({$info.de_name})</span>  </p>
            <img src="__STATIC__/layout/img/hexiao.png" style="position: absolute;top:10px;right: 20px">
          </td>
        </tr>
        <tr>
          <td>
            <h2 class="text-center">本核销单情况</h2>
            <h2 class="text-center"><img src="__STATIC__/layout/img/customerOrDealer.png" style="width: 25px;height: 25px"> <span class="lr_5">{$info.zoning}/{$info.provice}/{$info.city}</span><span class="lr_5">{$info.jxs}</span></h2>
            <img src="__STATIC__/layout/img/fengexian.png">
            <div class="row padding-10">
              <div class="col-md-6">
                  <div id="mainImgDiv" style="height: 300px; width: 500px;"></div>
              </div>
              <div class="col-md-3">
                <div style="margin:0 10px;border: 1px solid #e7eaec;height:300px">
                  <table class="table">
                  <tbody style="border:0">
                      <tr>
                    <td colspan="2" class="text-left" style="border-bottom: 1px solid #54a9fc;height: 40px">本次核销汇总</td>
                  </tr>
                   <tr>
                    <td class="text-left"  style="border: 0">
                     已完全核销
                    </td>
                    <td class="text-right"  style="border: 0">
                      <span>{$info.wanquan}</span>笔
                    </td>
                  </tr>
                <tr>
                    <td class="text-left" style="border: 0">
                     未完全核销
                    </td>
                    <td class="text-right" style="border: 0">
                      <span>{$info.weihewan}</span>笔
                    </td>
                  </tr>
                  <tr>
                    <td class="text-left" style="border: 0">
                     已设定不予核销
                    </td>
                    <td class="text-right" style="border: 0">
                      <span>{$info.buyuhe}</span>笔
                    </td>
                  </tr>
                  </tbody>
                </table>
                </div>
              </div>
                <div class="col-md-3">
                 <div style="margin:0 10px;border: 1px solid #e7eaec;height:300px">
                  <table class="table">
                  <tbody style="border:0">
                      <tr>
                    <td colspan="2" class="text-left" style="border-bottom: 1px solid #54a9fc;height: 40px">本次核销支付方式</td>
                  </tr>
                  {volist name="fei" id="f"}
                   <tr>
                    <td class="text-left"  style="border: 0">
                    {$f.title}
                    </td>
                    <td class="text-right"  style="border: 0">
                      <span>{$f.c}</span>笔
                    </td>
                  </tr>
                  {/volist}
                  </tbody>
                </table>
                </div>
              </div>
            </div>
            <div class="text-right">
                 <p class="padding-10 text-right"><button class="btn btn-sm btn-info btnActivity" type="button">科目汇总</button><span class="lr_5"></span><button class="btn btn-sm btn-primary btnActivity1" type="button">网点汇总</button><span class="lr_5"></span> <a class="btn btn-sm btn-primary"
                                                         href="{:url('shenhemx',['trackId'=>request()->param('trackId'),'workId'=>request()->param('workId'),'myId'=>request()->param('myId')])}">查看明细</a></p>
            </div>
            <table class="table table-bordered bud_hei text-right" id="kindGather" style="display: none;">
              <tr class="info text-center">
                <td>费用科目</td>
                <td>可核销金额(元)</td>
                <td>已核销金额(元)</td>
                <td>本次申请金额(元)</td>
                <td>不予核销金额(元)</td>
                <td>剩余核销金额(元)</td>
              </tr>
              {volist name="feed" id="f"}
              <tr>
                <td class="text-center"> {$f.title}</td>
                <td class="ObjectNum"> {$f.kehe}</td>
                <td class="ObjectNum"> {$f.yihe}</td>
                <td class="ObjectNum warning"> {$f.benci}</td>
                <td class="ObjectNum"> {$f.buhe}</td>
                <td class="ObjectNum"> {$f.shengyu}</td>
              </tr>
               {/volist}
              
            </table>
              <table class="table row-margin-top table-bordered bud_hei text-right" id="netGather" style="display: none;">
              <tr class="info text-center">
                <td>网点名称</td>
                <td>费用科目</td>
                <td>可核销金额(元)</td>
                <td>已核销金额(元)</td>
                <td>本次申请金额(元)</td>
                <td>不予核销金额(元)</td>
                <td>剩余核销金额(元)</td>
                
              </tr>
               {volist name="net" id="f"}
              <tr>
                <td class="text-center"> {$f.title}</td>
                <td class="text-center"> {$f.fei}</td>
                <td class="ObjectNum"> {$f.kehe}</td>
                <td class="ObjectNum"> {$f.yihe}</td>
                <td class="ObjectNum warning"> {$f.benci}</td>
                <td class="ObjectNum"> {$f.buhe}</td>
                <td class="ObjectNum"> {$f.shengyu}</td>
              </tr>
               {/volist}
            </table>
          </td>
        </tr>
        <tr>
          <td>  
            <h2 class="text-center">本财年客户情况</h2>
            <img src="__STATIC__/layout/img/fengexian.png">
            <div class="row row-margin-top padding-10">
             
              <div class="col-md-4">
                 <ul>
                  <li>TI-费用率</li>
                  <li class="ckText">目标 <span>{$info.yfyl}</span>%</li>
                  <li>实际 <span>{$info.ffyl}</span></li>
                  <li class="text-center">
                    <div style="width: 130px;height: 60px;border: 3px solid #54a9fc;margin-left: 79px;padding: 5px" class="form-group" >
                      <p style="text-align: center;">差异</p>
                      <span style="font-size: 20px;color: #75d343">{$info.cha}%</span>{if $info.cha<=0}<img src="__STATIC__/layout/img/hao.png" style="float: right;">{else/}<img src="__STATIC__/layout/img/cha.png" style="float: right;">{/if}
                    </div>
                  </li>
                </ul> 
              </div>
              <div class="col-md-4">
                  <div class="jueCeDengTitle" style="color: #4d4d4d;font-size: 16px;">TI-支付方式</div>
            <div id="mainImgDiv2" style="height: 250px; width: 100%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; background-color: transparent;" _echarts_instance_="ec_1516518465370"><div style="position: relative; overflow: hidden; width:100%; height: 250px; cursor: default;"></div><div></div></div>
              </div>
                <div class="col-md-4">
                  <div>TI-费用数据汇总</div>
                  <table class="table bud_hei table-striped">
                    <tr>
                      <td>申请中</td>
                      <td><span class="lr_5">{$info.sqz.c}</span>笔</td>
                      <td><span class="lr_5 num2">{$info.sqz.jine}</span>元</td>
                    </tr>
                      <tr>
                      <td>已批准</td>
                      <td><span class="lr_5">{$info.pz.c}</span>笔</td>
                      <td><span class="lr_5 num2">{$info.pz.jine}</span>元</td>
                    </tr>
                    <tr>
                      <td>核销中</td>
                      <td><span class="lr_5">{$info.hxz.c}</span>笔</td>
                      <td><span class="lr_5 num2">{$info.hxz.jine}</span>元</td>
                    </tr>
                    <tr>
                      <td>未核销</td>
                      <td><span class="lr_5">{$info.whx.c}</span>笔</td>
                      <td><span class="lr_5 num2">{$info.whx.jine}</span>元</td>
                    </tr>
                    <tr>
                      <td>不予核销</td>
                     <td><span class="lr_5">{$info.bhx.c}</span>笔</td>
                      <td><span class="lr_5 num2">{$info.bhx.jine}</span>元</td>
                    </tr>
                  </table>
              </div>
            </div>
          </td>
        </tr>
        <tr>
          <td class="text-left">
            <div class="row padding-10">
              <div class="col-md-8">
                  <table class="" style="width: 100%;">
                  <tr style="height: 60px;">
                    <td width="55px;">&nbsp;</td>
                    <td style="font-size: 14px;">TI-已申请费用科目&nbsp;&nbsp;&nbsp;&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2"><div id="mainImgDiv3" style="height: 260px; width: 100%;float: left;"></div></td>
                  </tr>
                </table>
              </div>
              <div class="col-md-4">
                <table align="center" style="width: 100%;">
                  <tr style="height: 60px;">
                    <td align="center">费用科目</td>
                    <td align="center" width="40px;">占比</td>
                    <td align="center" width="80px;">金额</td>
                  </tr>
                  {volist name="feiyear" id="f"}
                  <tr style="height: 60px;">
                    <td align="center">{$f.title}</td>
                    <td align="center" width="40px;">{$f.bili}%</td>
                    <td align="center" width="80px;">{$f.jine}</td>
                  </tr>
                  {/volist}
                </table>
              </div>
            </div>
          </td>
        </tr>
        <tr>
          <td class="text-left">
              <div class="row">
                  <div class="col-md-8">
                <table align="center" style="width: 100%;">
                  <tr style="height: 60px;">
                    <td width="50px;">&nbsp;</td>
                    <td style="font-size: 14px;">TI-已核销费用科目&nbsp;&nbsp;&nbsp;&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2"><div id="mainImgDiv4" style="height: 260px; width: 100%;float: left;"></div></td>
                  </tr>
                </table>
              </div>
              <div class="col-md-4">
                <table align="center" style="width: 100%;">
                  <tr style="height: 60px;">
                    <td align="center">费用科目</td>
                    <td align="right" width="40px;">占比</td>
                    <td align="center" width="80px;">金额</td>
                  </tr>
                   {volist name="feiyear2" id="f"}
                  <tr style="height: 60px;">
                    <td align="center">{$f.title}</td>
                    <td align="center" width="40px;">{$f.bili}%</td>
                    <td align="center" width="80px;">{$f.jine}</td>
                  </tr>
                  {/volist}
                </table>
              </div>
              </div>
          </td>
        </tr>
        <tr>
          <td class="text-right">
          
          </td>
        </tr>
        <tr>
          <td>
         <h2 class="text-center">审批信息</h2>
                        <h6>本次申请已耗时 {$bcsqhs}</h6>
            <img src="__STATIC__/layout/img/fengexian.png">
         
         <div class="padding-10" style="margin-bottom: 30px">
                            {volist name="czjl" id="row" key="k"}
                            {if $k==1}
                            <div class="sp start">
                                <div class="bg"></div>
                                <div class="passName">
                                    <div class="passTop"></div>
                                    <div class="passButtom"></div>
                                    {$row.username}
                                    <br>{$row.nodename}
                                    <br>{$row.actiontime}
                                </div>
                                <span class="passIcon">
                                        <div class="shenpi" align="left" style="display: none;">
                                            <div class="top"></div>
                                            <div class="buttom"></div>
                                            提交人：<span>{$row.username}</span> <br>
                                            提交时间：<span>{$row.actiontime}</span><br>
                                        </div>
                                    </span>
                            </div>
                            {else}
                            <div class="sp">
                                <div class="bg"></div>
                                <div class="passName">
                                    <div class="passTop"></div>
                                    <div class="passButtom"></div>
                                    {$row.username}
                                    <br>{$row.nodename}
                                    <br>{$row.actiontime}
                                </div>
                                <span class="passIcon">
                                        <div class="shenpi" align="left" style="display: none;">
                                            <div class="top"></div>
                                            <div class="buttom"></div>
                                              审批人：<span>{$row.username}</span> <span class="spPass">{$row.memo}</span><br>
                                              审批时间：<span>{$row.actiontime}</span><br>
                                              审批意见：<span>ok</span>
                                        </div>
                                    </span>
                            </div>
                            {/if}
                            {/volist}
                            <div class="sp me">
                                <div class="passName">
                                    <div class="passTop"></div>
                                    <div class="passButtom"></div>
                                    我
                                </div>
                                <span class="passIcon">
                                        <div class="shenpi" align="center" style="display: none;">
                                            <div class="top"></div>
                                            <div class="buttom"></div>
                                            待审批
                                        </div>
                                    </span>
                            </div>
                        </div>
          </td>
        </tr>
       <tr>
        <td>
         
          <div class="row padding-10">
          <button class="btn btn-primary" type="button" id="tijiao">进入下一步</button>
      </div>
        </td>
       </tr>
      </tbody>
    </table>
      </div>
  </div>
  </div>
<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script src="__STATIC__/layout/js/plugins/suggest/bootstrap-suggest.min.js"></script>

 <script src="__STATIC__/layout/js/plugins/echarts/echarts-all.js"></script>
 <script src="__STATIC__/layout/js/common.js"></script>
<script type="text/javascript">
 $('#tijiao').click(function () {
        
      location.href='{:url("Workflowdb/gzlsp",["workId"=>request()->param("workId"),"trackId"=>request()->param("trackId")])}'
      return false
     
    })
    var $ObjectNum =$(".ObjectNum");
             toNum($ObjectNum);
$(document).ready(function() {
    var myChart = echarts.init(document.getElementById('mainImgDiv'));
    
    var dataStyle = { 
          normal: {
              label: {show:true},
              labelLine: {show:true},
              shadowBlur: 40,
          }
      };
    
    var dataStyleTwo = { 
          normal: {
              label: {show:true},
              labelLine: {show:true},
              shadowBlur: 40
          }
      };

    var option = {
        title: {
          text: '可核销金额\n\n{$info.ke}元',
              x: 'center',
              y: 'center',
              textStyle: {
                  color: '#333',
                    fontSize: 14
                }
         },
           
         color: ['#f8b551', '#8ee198','#8c97cb', '#f54959'],
         
          tooltip: {
              trigger: 'item',
              formatter: "{b}: {c}({d}%)",
              triggerOn: 'none',
          },
          series: [
              {
                  type:'pie',
                  radius: ['50%', '90%'],
                  avoidLabelOverlap: false,
                  itemStyle: dataStyle,
                  label: {
                      normal: {
                          show: true,
                          textStyle: {
                        color: '#000',
                          fontSize: 12
                      }
                      }
                  },
                  data:[
                      {
                        value : 16.67, 
                        name : '不予核销金额\n\n{$info.buhe}元', 
                        label: {
                      normal: {
                          show: true,
                          position: 'right',
                          textStyle: {
                        color: '#000',
                        fontSize: 12
                    }
                      }
                  }
                      },
                      {
                        value : 50, 
                        name : '本次核销金额\n\n{$info.weishui}元', 
                        label: {
                      normal: {
                          show: true,
                          position: 'inner',
                          textStyle: {
                        color: '#000',
                        fontSize: 20,
                        fontWeight: 'bold'
                    }
                      }
                  }
                      },
                      {
                        value : 16.67, 
                        name : '剩余核销金额\n\n{$info.wsq}元', 
                        label: {
                      normal: {
                          show: true,
                          position: 'right',
                          textStyle: {
                        color: '#000',
                        fontSize: 12
                    }
                      }
                  }
                      },
                      {
                        value : 16.66, 
                        name : '已核销金额\n\n{$info.yh}元', 
                        label: {
                      normal: {
                          show: true,
                          position: 'right',
                          textStyle: {
                        color: '#000',
                        fontSize: 12
                    }
                      }
                  }
                      }
                  ]
              }
          ]
      };
    myChart.setOption(option);
    
    var index = 0;
    var lengthNum=-7;
    option = {
          tooltip: {
              trigger: 'item',
              formatter: "{b}: {c}({d}%)",
              triggerOn: 'none',
          },
          series: [
              {
                  type:'pie',
                  radius: '55%',
                  center: ['50%', '60%'],
                  avoidLabelOverlap: false,
                  itemStyle: dataStyle,
                  label: {
                      normal: {
                          show: true,
                          textStyle: {
                        color: '#000',
                          fontSize: 12
                      }
                      }
                  },
                  data:[
                  {volist name="pay" id="p"}
                      {
                        value : {$p.jine}, 
                        name : '{$p.title}\n{$p.jine}元', 
                        label: {
                      normal: {
                          show: true,
                          position: 'right',
                          textStyle: {
                        color: '#000',
                        fontSize: 12
                    }
                      }
                  }
                      },
                      {/volist}
                  ]
              }
          ]
      };
    myChart = echarts.init(document.getElementById('mainImgDiv2'));
    myChart.setOption(option);
    
    option = {
          // color: ['green','blue', 'yellow'],
            tooltip: {
                trigger: 'item',
                formatter: "{b}: {c}({d}%)"
            },
            series: [
                {
                    type:'pie',
                    radius: '55%',
                    center: ['50%', '60%'],
                    avoidLabelOverlap: false,
                    itemStyle: dataStyleTwo,
                    data:[
                        {volist name="feiyear" id="p"}
                      {
                        value : {$p.jine}, 
                        name : '{$p.title}\n\n{$p.jine}元', 
                        label: {
                      normal: {
                          show: true,
                          position: 'right',
                          textStyle: {
                        color: '#000',
                        fontSize: 12
                    }
                      }
                  }
                      },
                      {/volist}
                    ]
                }
            ]
        };
      myChart = echarts.init(document.getElementById('mainImgDiv3'));
      myChart.setOption(option);
      
      option = {
            // color: ['green','blue', 'yellow'],
              tooltip: {
                  trigger: 'item',
                  formatter: "{b}: {c}({d}%)"
              },
              series: [
                  {
                      type:'pie',
                      radius: '55%',
                      center: ['50%', '60%'],
                      avoidLabelOverlap: true,
                      itemStyle: dataStyleTwo,
                      data:[
                         {volist name="feiyear2" id="p"}
                      {
                        value : {$p.jine}, 
                        name : '{$p.title}\n\n{$p.jine}元', 
                        label: {
                      normal: {
                          show: true,
                          position: 'right',
                          textStyle: {
                        color: '#000',
                        fontSize: 12
                    }
                      }
                  }
                      },
                      {/volist}
                      ]
                  }
              ]
          };
        myChart = echarts.init(document.getElementById('mainImgDiv4'));
        myChart.setOption(option);
  });

/*科目汇总*/
    $(".btnActivity").click(function(){
          var str = $(this).html()
        
          /*console.log(tr)*/
        if(str=="科目汇总"){
            $("#kindGather").show();
            $(this).html("收起科目汇总");
          }else{
            $("#kindGather").hide();
            $(this).html("科目汇总")
          }
           })
   /*网点汇总*/
      $(".btnActivity1").click(function(){
          var str = $(this).html()
        
          /*console.log(tr)*/
        if(str=="网点汇总"){
            $("#netGather").show();
            $(this).html("收起网点汇总");
          }else{
            $("#netGather").hide();
            $(this).html("网点汇总")
          }
           })

/*请输入关键字或空格查询*/
  var jieshou = $("#area_id");
 sousuo(jieshou);
       function sousuo(id){
            id.bsSuggest({
            allowNoKeyword: false, //是否允许无关键字时请求数据
            multiWord: true, //以分隔符号分割的多关键字支持
            separator: ",", //多关键字支持时的分隔符，默认为空格
            getDataMethod: "url", //获取数据的方式，总是从 URL 获取
            url: 'http://unionsug.baidu.com/su?p=3&t=' + (new Date()).getTime() + '&wd=',
            /*优先从url ajax 请求 json 帮助数据，注意最后一个参数为关键字请求参数*/
            jsonp: 'cb',
            /*如果从 url 获取数据，并且需要跨域，则该参数必须设置*/
            processData: function (json) { // url 获取数据时，对数据的处理，作为 getData 的回调函数
                var i, len, data = {
                    value: []
                };
                if (!json || !json.s || json.s.length === 0) {
                    return false;
                }

                // console.log(json);
                len = json.s.length;

                jsonStr = "{'value':[";
                for (i = 0; i < len; i++) {
                    data.value.push({
                        word: json.s[i]
                    });
                }
                data.defaults = 'baidu';

                //字符串转化为 js 对象
                return data;
            }
        });

          }
    $(document).on("click",".delthis",function(){
              var _$this=this
              console.log(_$this)
                swal({ 
              title: "", 
              text: "确定删除！", 
              type: "warning",
              showCancelButton: true, 
              confirmButtonColor: "#DD6B55",
              confirmButtonText: "确定", 
              cancelButtonText: "取消",
              closeOnConfirm: false, 
              closeOnCancel: false
            },
            function(isConfirm){ 
              if (isConfirm) { 
                // console.log(_$this);
                $(_$this).closest("tr").remove();
                swal("删除！", "成功","success"); 
               
              } else { 
                swal("取消！", "","error"); 
              } 
          });
             });

    /*passIcon*/
     $(function () {
            $(".passIcon").mouseover(function () {
                $(this).find(".shenpi").show();
            });
            $(".passIcon").mouseout(function () {
                $(this).find(".shenpi").hide();
            });
        });
//      $(function(){
//   $(".passIcon").hover(function() {
//         $(this).children(".shenpi").show();
//         var topH=$(this).offset().top-$(window).scrollTop();//hover节点到文档顶部的距离-文档被滚动的距离=节点到屏幕顶部的距离
//         var topoff=$(this).offset().top;//滚动条滚动的距离
//         var bottomH=$(window).height()-topH;//屏幕高度-节点到顶部的距离=节点到底部的距离
//         var thisShenpi=$(this).children(".shenpi").outerHeight() + 50;//得到框框的高度
//         if(thisShenpi>bottomH){//如果框框的高度大于节点到底部距离的高度，执行下面
//             $("body,html").animate({"scrollTop":topoff+"px"},100);//body滚动的高度为节点到文档顶部的距离（就相当于节点显示在屏幕最上面）
//       return;
//       /*$("body").animate({"scrollTop":topoff+"px"},100);//body滚动的高度为节点到文档顶部的距离（就相当于节点显示在屏幕最上面）
//             swal('',topH+"节点到屏幕顶部的距离---------"+topoff+"滚动条滚动的距离---------"+bottomH+"节点到底部的距离========"+thisShenpi+"框框的高度");*/
//         }
//     }, function() {
//         $(this).children(".shenpi").hide();
//     });
//     var windowHeight=$(window).height();
//     var documentHeight=$(document).height();
//     var scrollTop=$(document).scrollTop();
// })

 // function chaoSongAndArchiver(){
 //      //温馨提示：请确认此申请单是否填写无误，选择确认会立刻提交到流程，选择取消会返回修改
 //      swal({
 //        title: "",
 //        text: "温馨提示:请确认是否归档？归档后将无法修改数据，请确认无误后再归档。",
 //        type: "warning",
 //        showCancelButton: true,
 //        confirmButtonColor: "#DD6B55",
 //        confirmButtonText: "确定",
 //        cancelButtonText: "取消",
 //        closeOnConfirm: false
 //      },function(isConfirm){
 //          swal.disableButtons();//按钮不可点击
 //          if(isConfirm){
 //            //设置自动补全的值
 //              var autoContentIds=getAutoCompleteIds('autoContent');
 //              var autoContentNames=getAutoCompleteNames('autoContent');
 //              $('#ccAuditorName').val(autoContentNames);
 //              $('#ccAuditorId').val(autoContentIds);
 //              document.form1.transitionName.value = "归档";
 //              document.form1.action="/xiaolutong/costreimbur.do?command=process";
 //              document.form1.submit();
 //              showProcess();
 //              swal.close();
 //          }
            
 //      });
     
      
 //   }
</script>
</body>

</html>